<template>
	<view>
		<view class="uni-padding-wrap">
			<view class="grid col-3 padding-sm">
				<view class="padding-sm" @click="goif(item)" v-for="(item,index) in ColorList" :key="index">
					<view class="padding radius text-center shadow-blur" :class="'bg-' + item.name">
						<view class="text-lg">{{item.title}}</view>
						<view class="margin-top-sm text-Abc">{{item.yw}}</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>


<script>
	var _this;
	var vk = uni.vk;
	export default {
		data() {
			// 页面数据变量
			return {
				ColorList: [
				// {
				// 	title: '嫣红',
				// 	name: 'red',
				// 	color: '#e54d42'
				// },
				{
					title: '后勤',
					yw: 'logistics',
					name: 'orange',
					color: '#f37b1d'
				},
				// {
				// 	title: '明黄',
				// 	name: 'yellow',
				// 	color: '#fbbd08'
				// },
				// {
				// 	title: '橄榄',
				// 	name: 'olive',
				// 	color: '#8dc63f'
				// },
				// {
				// 	title: '森绿',
				// 	name: 'green',
				// 	color: '#39b54a'
				// },
				// {
				// 	title: '天青',
				// 	name: 'cyan',
				// 	color: '#1cbbb4'
				// },
				// {
				// 	title: '海蓝',
				// 	name: 'blue',
				// 	color: '#0081ff'
				// },
				// {
				// 	title: '姹紫',
				// 	name: 'purple',
				// 	color: '#6739b6'
				// },
				// {
				// 	title: '木槿',
				// 	name: 'mauve',
				// 	color: '#9c26b0'
				// },
				// {
				// 	title: '桃粉',
				// 	name: 'pink',
				// 	color: '#e03997'
				// },
				// {
				// 	title: '棕褐',
				// 	name: 'brown',
				// 	color: '#a5673f'
				// },
				// {
				// 	title: '玄灰',
				// 	name: 'grey',
				// 	color: '#8799a3'
				// },
				// {
				// 	title: '草灰',
				// 	name: 'gray',
				// 	color: '#aaaaaa'
				// },
				// {
				// 	title: '墨黑',
				// 	name: 'black',
				// 	color: '#333333'
				// },
				// {
				// 	title: '雅白',
				// 	name: 'white',
				// 	color: '#ffffff'
				// },
				],
				options:{},
				xywxsf:null
			}
		},
		//销毁之前
		beforeDestroy() {
			
		},
		// 监听 - 页面每次【加载时】执行(如：前进) await
		async onLoad(options = {}) {
			_this = this;
			vk = uni.vk;
			this.options = options;
			//获取用户信息
			//const userinfo = vk.getVuex('$user.userInfo');
			
			this.getxybxsf()
		},
		// 监听 - 页面【首次渲染完成时】执行。注意如果渲染速度快，会在页面进入动画完成前触发
		onReady(){
			
		},
		// 监听 - 页面每次【显示时】执行(如：前进和返回) (页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面)
		onShow() {
			
		},
		// 监听 - 页面每次【隐藏时】执行(如：返回)
		onHide() {
			
		},
		// 监听 - 点击右上角转发时
		onShareAppMessage(options) {
			
		},
		// 函数
		methods: {
			goif(item){
				const userinfo = vk.getVuex('$user.userInfo');
				// console.log(item)
				// console.log(userinfo)
				if(item.yw == 'logistics'){
					const user = this.xywxsf.find(item => item.dh === userinfo.mobile); 
					 //console.log(user)
					 if(user){
						 vk.navigateTo('/pages_modules/bdsj/gsxyyglist');

					 }else{
						 vk.toast("非权限用户", "none", 3000);
					 }
				}
			},
			getxybxsf(){
				return vk.callFunction({
					url: 'client/gsxy/xybx/pub/xybxapi.getGsxyxybxsjobjList',
					data: {}
				}).then((data) => {
					this.xywxsf = data.list
				}).catch((err) => {});
			},
		},
		// 监听器
		watch:{
			
		},
		// 计算属性
		computed:{
			
		}
	}
</script>
<style lang="scss" scoped>
	
	
</style>